<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<HEAD> 
 
<style type="text/css"> 
<!-- 
span.label {color:black;width:60;height:30;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial} 
span.c1 {cursor:hand;color:black;width:60;height:30;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial} 
span.c2 {cursor:hand;color:red;width:60;height:30;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial} 
span.c3 {cursor:hand;color:#b0b0b0;width:60;height:30;text-align:center;margin-top:0;background:#ffF;font:bold 12px Arial} 
--> 
</style> 
 
<script type="text/javascript"> 
<!-- This script and many more are available free online at --> 
<!-- The JavaScript Source!! http://javascript.internet.com --> 
 
<!-- Begin 


function maxDays(mm, yyyy){ 
var mDay; 
 if((mm == 3) || (mm == 5) || (mm == 8) || (mm == 10)){ 
 	mDay = 30; 
   } 
   else{ 
   	mDay = 31 
   	if(mm == 1){ 
     	if (yyyy/4 - parseInt(yyyy/4) != 0){ 
       mDay = 28 
     	} 
     	else{ 
       mDay = 29 
     } 
 	} 
  } 
return mDay; 
} 
function changeBg(id){ 
 if (eval(id).style.backgroundColor != "yellow" ){ 
 	eval(id).style.backgroundColor = "yellow" 
 } 
 else{ 
 	eval(id).style.backgroundColor = "#ffffff" 
 } 
} 
function writeCalendar(){ 
var now = new Date 
var dd = now.getDate() 
var mm = now.getMonth() 
var dow = now.getDay() 
var yyyy = now.getFullYear() 
var arrM = new Array("Janvier","Fevrier","Mars","Avril","Mai","Juin","Jeuillet","Aout","Septembre","Octobre","Novembre","Decembre" ) 
var arrY = new Array() 
 for (ii=0;ii<=4;ii++){ 
 	arrY[ii] = yyyy - 2 + ii 
 } 
var arrD = new Array("Dimanche","Lundi","Mardi","Mercrei","Jeudi","Vendrei","Samedi" ) 
 
var text = "" 
text = "<form name=calForm>" 
text += "<table id=\"box-table-a\" border=1>" 
text += "<tr><td>" 
text += "<table  width=100%><tr>" 
text += "<td align=left>" 
text += "<select name=selMonth onChange='changeCal()'>" 
 for (ii=0;ii<=11;ii++){ 
 	if (ii==mm){ 
   text += "<option value= " + ii + " Selected>" + arrM[ii] + "</option>" 
 	} 
 	else{ 
   text += "<option value= " + ii + ">" + arrM[ii] + "</option>" 
 	} 
 } 
text += "</select>" 
text += "</td>" 
text += "<td align=right>" 
text += "<select name=selYear onChange='changeCal()'>" 
 for (ii=0;ii<=4;ii++){ 
 	if (ii==2){ 
   text += "<option value= " + arrY[ii] + " Selected>" + arrY[ii] + "</option>" 
 	} 
 	else{ 
   text += "<option value= " + arrY[ii] + ">" + arrY[ii] + "</option>" 
 	} 
 } 
text += "</select>" 
text += "</td>" 
text += "</tr></table>" 
text += "</td></tr>" 
text += "<tr><td>" 
text += "<table border=1>" 
text += "<tr>" 
 for (ii=0;ii<=6;ii++){ 
 	text += "<td align=center><span class=label>" + arrD[ii] + "</span></td>" 
 } 
text += "</tr>" 
aa = 0 




 for (kk=0;kk<=5;kk++){ 
 	text += "<tr>" 
 	for (ii=0;ii<=6;ii++){ 
   text += "<td align=center><span id=sp" + aa + ">1</span></td>" 
   aa += 1 
 	} 
 	text += "</tr>" 
 } 
text += "</table>" 
text += "</td></tr>" 
text += "</table>" 
text += "</form>" 
document.write(text) 
changeCal() 
} 
function changeCal(){ 
	
	
var yearArray = '${listYear}';
var moisArray = '${listMois}';
var jourArray = '${listJour}';
// alert ("yearArray ==>"+yearArray);
// alert ("moisArray ==>"+moisArray);
// alert ("jourArray ==>"+jourArray);
var now = new Date 
var dd = now.getDate() 
var mm = now.getMonth() 
var dow = now.getDay() 
var yyyy = now.getFullYear() 
var currM = parseInt(document.calForm.selMonth.value) 
var prevM 
 if (currM!=0){ 
 	prevM = currM - 1 
 } 
 else{ 
 	prevM = 11 
 } 
var currY = parseInt(document.calForm.selYear.value) 
var mmyyyy = new Date() 
mmyyyy.setFullYear(currY) 
mmyyyy.setMonth(currM) 
mmyyyy.setDate(1) 
var day1 = mmyyyy.getDay() 
 if (day1 == 0){ 
 	day1 = 7 
 } 
var arrN = new Array(41) 
var aa 
 for (ii=0;ii<day1;ii++){ 
 	arrN[ii] = maxDays((prevM),currY) - day1 + ii + 1 
 } 
 aa = 1 
 for (ii=day1;ii<=day1+maxDays(currM,currY)-1;ii++){ 
 	arrN[ii] = aa 
 	aa += 1 
 } 
 aa = 1 
 for (ii=day1+maxDays(currM,currY);ii<=41;ii++){ 
 	arrN[ii] = aa 
 	aa += 1 
 } 
 for (ii=0;ii<=41;ii++){ 
 	eval("sp"+ii).style.backgroundColor = "#FFFFFF" 
 } 
var dCount = 0 
 for (ii=0;ii<=41;ii++){ 
 	if (((ii<7)&&(arrN[ii]>20))||((ii>27)&&(arrN[ii]<20))){ 
   eval("sp"+ii).innerHTML = arrN[ii] 
   eval("sp"+ii).className = "c3" 
 	} 
 	else{ 
   eval("sp"+ii).innerHTML = arrN[ii] 
   if ((dCount==0)||(dCount==6)){ 
   	eval("sp"+ii).className = "c2" 
   } 
   else{ 
   	eval("sp"+ii).className = "c1" 
   }
   
   
   for (iii=0 ; iii<= jourArray.length ;iii++){
	   if ((arrN[ii]==jourArray[iii])&&(mm==moisArray[iii]+1)&&(yyyy==currY)){ 
	   	eval("sp"+ii).style.backgroundColor="#90EE90" 
	   } 
	   }
   
   
   
//    for (iii=0 ; iii<=2 ;iii++){
//    if ((arrN[ii]==iii)&&(mm==currM)&&(yyyy==currY)){ 
//    	eval("sp"+ii).style.backgroundColor="#90EE90" 
//    } 
//    }
   
   
   
 	} 
 dCount += 1 
 	if (dCount>6){ 
   dCount=0 
 	} 
 } 
}



//dateArray.length
//&&(arrM[ii]==dateArray[i].)&&(arrY[ii]==dateArray[i].)&&(aa == dateArray[i].)
//  End --> 
</script> 
 
</HEAD> 
 
<!-- ETAPE 2:INSEREZ LE CODE 2 ENTRE LES BALISES <BODY>..</BODY>  --> 
 

<%@include file="template/header.jsp"%>
<%@include file="template/navigation.jsp"%>
<%@include file="template/menu.jsp"%>

<div align="center">
 
<script type="text/javascript">writeCalendar()</script> 
</div>
<div >
<!-- <p id="title-affect" -->
<!-- 			style="margin: 20px; padding-left: 50px; font: 30px Calibri, Bold, Helvetica, sans-serif;"> -->
<!-- 			Agenda par Niveau -->
<!-- 		</p> -->
		<form:form method="POST" commandName="niveauSpecialiteBundle">
			<form:errors path="*" cssClass="errorblock" element="div" />
			<table>
			<tr>
			<td><div id="login-box-name" style="padding: 14px 0px 0px 0px;">Niveau:</div>
			<div id="login-box-field">
				<form:select path="niveau" class="form-login">
					<form:option value="">Niveau</form:option>
					<form:option value="1">1</form:option>
					<form:option value="1">2</form:option>
					<form:option value="1">3</form:option>
					<form:option value="1">4</form:option>
				</form:select>

			</div></td>
			<td><div id="login-box-name">Sp&eacutecialit&eacute:</div> 
			<div id="login-box-field"> 
				<form:select path="specialite" class="form-login">
					<form:option value="">Spécialite</form:option> 
					<form:option value="true">M&eacutedecine</form:option>
					<form:option value="false">Pharmacie</form:option>
				</form:select>				
				
			</div></td>
			
			
			<td id="login-box-name"><input type="submit" class="large button blue" style="margin-right:20px;"/></td>
			</tr>
</table>
		</form:form>
		</div>










<%@include file="template/footer.jsp"%>
 
<!-- Script Size:  5.15 KB -->